<template>
  <div>
      <el-dialog :visible="true">
        <ExcalidrawComponent
            ref="excalidrawComponent"
            :resourceJson="resourceJson"
            :darkMode="darkMode"
            :viewMode="viewMode"
            :gridMode="gridMode"
            :zenMode="zenMode"
            height="600px"
        />
      </el-dialog>
  </div>
</template>
<script>
import ExcalidrawComponent from "@/components/ExcalidrawComponent.vue";

export default {
  data() {
    return {
      resourceJson: null,
      darkMode: true,
      viewMode: false,
      gridMode: true,
      zenMode: false,
      excalidrawLoaded: false,
      jsonData: null
    }
  },
  components: {
    ExcalidrawComponent,

  }
}
</script>
